<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>

	<style type="text/css">

	/*class是可以重复的 是一类元素的统称*/
	/*语法 .属性名 也是一个整体*/
	.pragra {

		color: gold;

	}

	.un{
		text-decoration: underline;
	}

	.fz20{
		font-size: 20px;
	}

	/*注意：HTML的 class 属性是可以设置多个类名的*/


	/*注意：如果要给一个标签设置多个类名 类名只能使用空格*/

	/*class 属性是不能写多个*/
	/*css 层叠样式表*/
	/* 记住： css 三大特性里面的第二大特性： 层叠*/

	/* 在写 css 的时候，我们建议是将 css的具有关联性的一组样式写到一个类里面，形成多个类*/
	/*为了进行类的复用*/

	/*bootstrap 里面使用的很明显*/

	/*层叠体现出来的是将多个样式叠加在一起，每个样式是不一样的时候进行叠加*/
	/*另外一种情况，类名之间的样式出现了重名，也就是所谓的冲突，出现冲突后，该如何处理*/


	</style>

</head>
<body>
	<p class="pragra un fz20">Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore fugit reprehenderit debitis enim beatae asperiores recusandae ea iste eligendi a corporis sequi dicta amet reiciendis eveniet dignissimos fugiat, saepe. A?</p>

	<p class="pragra ">Lorem ipsum dolor sit amet consectetur.</p>
</body>
</html>